/* font */
:root {
  --color: #ca0010;
  /* 主题色 */
  --color2: #354d71;
  /* 正文 */
  --color3: #02214e;
  /* 标题 */
  --color4: #ffffff;
  --color5: #33BF92;
  /* 按钮 */
  --color6: #f2f6ff;
  /* banner */
  --color7: #2a3566;
  /* footer */
  --color8: #9DA6B2;
  /* footer */
  --color9: #dadce1;
  /* 白底线条 */
  --swiper-navigation-size: 35px !important;
}


.session_top {
  padding: 40px 0;
}

.swiper-button-next,
.swiper-button-prev {
  width: calc(var(--swiper-navigation-size)/ 20 * 27) !important;
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


.company_list .el-carousel__arrow {
  color: #007aff;
}

.company_list .el-icon-arrow-right,
.company_list .el-icon-arrow-left {
  font-size: 45px;
}

.company_list .el-carousel__arrow {
  background-color: initial;
}


.session {
  padding: 80px 0;
}

.leader_heads td {
  border: 1px solid #999;
}

/* font */
/* a{
    color: var(--color3);
} */
body {
  overflow-x: hidden;
}

.sq_tilte1 {
  font-size: 38px;
  color: #02214e;
}

.sq_tilte2 {
  font-size: 24px;
}

.sq_tilte3 {
  font-size: 18px;
}

.sq_tilte4 {
  font-size: 22px;
}

.sq_tilte6 {
  font-size: 17px;
}

.sq_tilte5 {
  font-size: 16px;
}

.sq_content {
  font-size: 18px;
}

.sq_tilte_color {
  color: var(--color3);
}

.sq_content_color {
  color: var(--color2);
}

.sq_content_color1 {
  color: var(--color5);
}

.ft_color {
  color: var(--color8);
}

.sq_active {
  color: var(--color);
  cursor: pointer;
}

.ft_weight_400 {
  font-weight: 400;
}

.ft_weight_700 {
  font-weight: 700;
}

.ft_weight_800 {
  font-weight: 800;
}

.line_h_26 {
  line-height: 26px;
}

.line_h_30 {
  line-height: 30px;
}

.line_h_50 {
  line-height: 50px;
}

.sq_sign_btn {
  height: 38px;
  background: #ca0010;
  border-radius: 19px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  width: 130px;
  color: var(--color4);
  cursor: pointer;
  transition: all .1s;
  text-transform: capitalize;
  overflow: hidden;
  text-align: center;
  display: block;
  transition: all .1s;
  text-transform: capitalize;
  overflow: hidden;
  position: relative;
  font-size: 14px;
}

.new_box_bgcolor {
  background: linear-gradient(180deg, #f2f6ff 30%, #ffffff 80%);
}

/* .sq_sign_btn::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: -100%;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background: rgb(0, 209, 162);
  color: #fff !important;
} */

/* .sq_sign_btn span {
  text-align: center;
  position: relative;
  z-index: 1;
}

.sq_sign_btn:hover {
  transition: all .4s ease-in-out;
}


.sq_sign_btn2::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: -100%;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background: #205FFC;
  color: #fff !important;
} */

/* .sq_sign_btn2 span {
  text-align: center;
  position: relative;
  z-index: 1;
}

.sq_sign_btn2:hover {
  transition: all .4s ease-in-out;
} */

.sq_sign_btn2 {
  height: 50px;
  background: #ca0010;
  border-radius: 35px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  width: 180px;
  color: var(--color4);
  cursor: pointer;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  font-size: 16px;
}

.sq_sign_btn2:hover {
  background-color: #02214e;
}

.sq_sign_btn3 {
  height: 38px;
  background: #ca0010;
  border-radius: 19px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  width: 130px;
  color: var(--color4);
  cursor: pointer;
  transition: all .3s ease-in;
  font-size: 14px;
}

.sq_sign_btn3:hover {
  background-color: #02214e;
}

.sq_sign {
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #205FFC;
  border-radius: 4px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0px 10px;
  font-size: 14px;

}

.sq_end {
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #999;
  border-radius: 4px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0px 10px;
  font-size: 14px;

}

.sq_sign_btn2:hover::before,
.sq_sign_btn:hover::before {
  left: 0;
}

/* flex */
.s_flex {
  display: flex;
}

.s_justify_content_center {
  justify-content: center;
}

.s_justify_content_start {
  justify-content: flex-start;
}

.s_justify_content_end {
  justify-content: flex-end;
}

.s_justify_content_between {
  justify-content: space-between;
}

.s_justify_content_around {
  justify-content: space-around;
}

.s_align_items_center {
  align-items: center;
}

.s_align_items_start {
  align-items: flex-start;
}

.s_align_items_end {
  align-items: flex-end;
}

.s_flex-column {
  flex-direction: column;
}

.s_flex-wrap {
  flex-wrap: wrap;
}

/* flex */

/* 超出省略号 */
.word-hidden-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

/* 超出省略号..宽度不固定，适合多行以及移动端显示 */
.words-hidden-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.words-hidden-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.container {
  width: 1200px;
  margin: 0 auto;
  /* padding:0 30px; */
}

.section_padding {
  padding: 80px 0;
}

.sq_box_content {
  margin-top: 80px;
}

.leader_box .el-tag,
.right_info .el-tag {
  font-size: 14px;
}

.leader_box .el-tag--small,
.right_info .el-tag {
  line-height: 24px;
}

.guanjia .el-tabs__item {
  color: #666;
  font-size: 20px;
  margin-bottom: 10px;
}

.new_box_bgcolor .el-tabs__item.is-active,
.el-tabs__active-bar {
  color: #ca0010;
}

.new_box_bgcolor .el-tabs__item.is-active {
  color: #ca0010;
}

.new_box_bgcolor .el-tabs__active-bar {
  background-color: #ca0010;
}

.new_box_bgcolor .el-tabs__item:hover {
  color: #ca0010;
}

.guanjia .el-tabs__item.is-active {
  color: #2D66F5;
}

.guanjia .el-tabs__active-bar {
  background-color: #2D66F5;
}

.guanjia .el-tabs__nav-wrap {
  /* padding:0 0 10px 0; */
}

/* .homes_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  top:50%;
  transform:translateY(-50%);
}
.homes_banner .swiper-container .swiper-pagination  span{
  display: block;
}
.homes_banner .swiper-container-horizontal>.swiper-pagination-bullets, .homes_banner .swiper-pagination-custom,.homes_banner .swiper-pagination-fraction {
  width:1%;
  left:2%;
}
.homes_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 0 18px 0;
}
.homes_banner  .swiper-pagination-bullet{
  width:12px;
  height:12px;
}
.homes_banner .swiper-pagination-bullet-active {
  background:#fff;
} */
.sq_xs {
  display: none;
}

.sq_xl {
  display: block;
}

.spinner1,
.spinner2,
.spinner3,
.spinner4,
.spinner5,
.spinner6,
.spinner7,
.spinner8,
.spinner9,
.spinner10,
.spinner11,
.spinner12 {
  width: 20px;
  height: 20px;
  position: relative;
  left: 92px;
  top: -18px;
  z-index: 6;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  background-color: #2C66FD;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

/*video{
	height: 1200px!important;
}*/

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
  background-color: #1455fd;
}

.spot {
  height: 10px;
  width: 10px;
  margin: 3px;
  border-radius: 50%;
}

.el-tag {
  font-size: 14px;

}

span {
  cursor: initial;
}

@-webkit-keyframes bounce {

  0%,
  100% {
    -webkit-transform: scale(0.2)
  }

  50% {
    -webkit-transform: scale(1.0)
  }
}

.el-tabs__item.is-active,
.el-tabs__active-bar {
  color: #205FFC;
}

.el-tabs__active-bar {
  background-color: #205FFC;
}

.el-tabs__item:hover {
  color: #205FFC;
}

@keyframes borderActive {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.2)
  }

  50% {
    box-shadow: 0 0 1px 8px rgba(141, 207, 234, 0.4)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.2)
  }
}

.el-carousel__button {
  background-color: #DADCE1;
}

.association .el-dialog__body {
  padding: 20px 0;
}

.association .el-dialog__header {}

.el-carousel__arrow--left,
.el-carousel__arrow--right {
  display: block !important;
}

.el-collapse-item__header,
.el-collapse-item__wrap {
  border-bottom: 1px solid #2b3e51;
}

@media (max-width:1660px) {
  .rightMenu_dialog .el-dialog {
    width: 40% !important;
  }
}

@media (max-width:1440px) {
  .rightMenu_dialog .el-dialog {
    width: 50% !important;
  }
}

@media (max-width:750px) {
  .sq_xs {
    display: block;
  }

  .sq_xl {
    display: none;
  }

  .sq_tilte1 {
    font-size: 25px;
  }

  .sq_tilte2 {
    font-size: 20px;
  }

  .sq_tilte3 {
    font-size: 16px;
  }

  .sq_tilte4 {
    font-size: 22px;
  }

  .sq_content {
    font-size: 14px;
  }

  .container {
    width: 90%;
    margin: 0 auto;
  }

  .s_flex_column {
    flex-direction: column;

  }

  .s_flex_column_reverse {
    flex-direction: column-reverse;
  }

  .footer .el-collapse-item__header,
  .footer .el-collapse {
    border-top: 0;
    background-color: var(--color7);
  }

  .footer .el-collapse-item__header {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
  }

  .footer .el-collapse-item__wrap,
  .footer .el-collapse-item__content {
    background-color: var(--color7);
    font-size: 14px;
    font-weight: 400;
    color: #9DA6B2;
  }

  .footer .el-collapse-item__content {
    padding-bottom: 0;
  }

  .sq_box_content {
    margin: 50px auto 0;
  }

  .section_padding,
  .honor_h {
    padding: 60px 0 !important;
  }

  .core_content_left {
    margin-left: 0px !important;
  }



  .new_footer {
    margin-top: 30px !important;
  }

  .core_content {
    padding: 0 !important;
  }

  .core_content_lefts {
    padding: 30px 15px !important;
  }

  .core_content_left {
    width: 100% !important;
  }

  .core_padding {
    padding: 20px 0 !important;
  }

  .right_info {
    width: 100% !important;
  }

  .session_top_tab .el-tabs__item.is-active,
  .el-tabs__active-bar {
    color: #ca0010;
  }

  .session_top_tab .el-tabs__item.is-active {
    color: #ca0010;
  }

  .session_top_tab .el-tabs__active-bar {
    background-color: #ca0010;
  }

  .session_top_tab .el-tabs__item:hover {
    color: #ca0010;
  }
}
